<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主页</title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style type="text/css">
		.psychotest h1{
			margin-bottom: 0 !important;
		}
		.psychotest .grouppaper{
			padding:0 10px 10px 0;
			float: right;
			color: rgb(73, 132, 236);
			font-size: 20px;
		}
		.psychotest .a_gotest{
			display: inline-block;
		    height: 42px;
		    width: 100%;
		    line-height: 42px;
		    background-color: rgb(30,159,255);
		    color: #fff;
		    white-space: nowrap;
		    text-align: center;
		    font-size: 18px;
		    border: none;
		    border-radius: 2px;
		    cursor: pointer;
		}
		.touch_company{
			margin-top:20px;
			height:120px;
			min-width:600px;
		}
		.touch_company ul li{
			float:left;
			text-align: center;
		}
		.touch_company ul li h2:first-child{
			margin:30px 40px 0px 40px;
		}
		.touch_company ul li h1{
			margin-top:50px;
		}
		</style>
	</head>
	<body>
	<!-- 导航部分Start -->
	<%@ include file="sysmenu.jsp"%>
	<!-- 导航部分End -->	
	
	<div class="defmain-con">
		<!--心理健康热点Start-->
		<div class="layui-row layui-col-space5 psyhealth bacblo">
			<h1 class="textcolor">心理健康热点</h1>
		    <div class="layui-col-md6">
		    	<div class="layui-carousel" id="carpsy">
				  <div carousel-item="">
				    <div><img src="img/raw_1526187842.jpeg" width="100%"></div>
				    <div><img src="img/raw_1526187842.jpeg" width="100%"></div>
				    <div><img src="img/raw_1526187842.jpeg" width="100%"></div>
				  </div>
				</div>
		    </div>
		    <div class="layui-col-md6 article">
	    		<ul style="margin-top:20px">
	    			<c:forEach items="${psylist }" var="obj" begin="0" end="6">
		    			<li> 
		    				<a href="loadarticleinfo.action?articleid=${obj.infoid }">
			    				<i class="layui-icon" style="margin-right:4px">&#xe6c6;</i>
			    				<span class="psyarticlea">${obj.title }</span>
		    				</a>
		    			</li>
	    			</c:forEach>
	    		</ul>
		    </div>
		</div>
		<!--心理健康热点End-->
		
		<!--心理测试Start-->
		<div class="psychotest bacblo">
			<h1 class="textcolor">心理测试</h1>
			<div class="layui-row">
				<a class="grouppaper" href="javascript:">( 点击↓按钮进行测试 )</a>
				<a id="gototest" class="a_gotest" href="javascript:">心理健康测评 <i class="layui-icon">&#xe65b;</i></a>
			</div>
		</div>
		<!--心理测试End-->
		
		<!--知识服务Start-->
		<div class="knowservice bacblo">
			<div class="layui-row">
				<ul>
					<li><h1>知识服务</h1></li>
				</ul>
			</div>
			<div class="layui-row">
				<c:forEach items="${knomenulist }" var="obj" begin="0" end="1">
					<div class="layui-col-md6">
						<div class="layui-col-md5">
							<img src="/kmsximgs/photo/${obj.path }" width="200px" height="120px"/>
						</div>
						<div class="layui-col-md7 knotext">
							<a class="aknowledge" href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							<ul>
								<li>阅读量&nbsp; <span>${obj.readnum }</span></li>
								<li>点赞量&nbsp;<span>${obj.praisenum }</span></li>
							</ul>
						</div>
					</div>
				</c:forEach>
			</div>
			<div class="layui-row">
				<c:forEach items="${knomenulist }" var="obj" begin="2" end="3">
					<div class="layui-col-md6">
						<div class="layui-col-md5">
							<img src="/kmsximgs/photo/${obj.path }" width="200px" height="120px"/>
						</div>
						<div class="layui-col-md7 knotext">
							<a class="aknowledge" href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							<ul>
								<li>阅读量&nbsp; <span>${obj.readnum }</span></li>
								<li>点赞量&nbsp;<span>${obj.praisenum }</span></li>
							</ul>
						</div>
					</div>
				</c:forEach>
			</div>
		</div>
		<!--知识服务End-->
		
		<!--专家园地Start-->
		<div class="expertgar layui-row bacblo">
			<h1 class="textcolor">专家园地</h1>
			<div class="layui-col-md6">
				<div class="layui-row">
					<c:forEach items="${explist }" var="obj" begin="0" end="0">
						<div class="layui-col-md5">
							<img src="/kmsximgs/photo/${obj.path }" width="200px" height="140px"/>
						</div>
						<div class="layui-col-md6 article">
							<a href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							<p>${obj.infocontent }</p>
						</div>
					</c:forEach>
				</div>
				<div class="layui-row">
					<ul>
						<c:forEach items="${explist }" var="obj" begin="2" end="5">
							<li>
								<i class="layui-icon">&#xe643;</i>
								<a href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							</li>
						</c:forEach>
					</ul>
				</div>
			</div>
			
			<div class="layui-col-md6">
				<div class="layui-row">
					<c:forEach items="${explist }" var="obj" begin="1" end="1">
						<div class="layui-col-md5">
							<img src="/kmsximgs/photo/${obj.path }" width="200px" height="140px"/>
						</div>
						<div class="layui-col-md6 article">
							<a href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							<p>${obj.infocontent }</p>
						</div>
					</c:forEach>
				</div>
				<div class="layui-row">
					<ul>
						<c:forEach items="${explist }" var="obj" begin="6" end="9">
							<li>
								<i class="layui-icon">&#xe643;</i>
								<a href="loadarticleinfo.action?articleid=${obj.infoid }">${obj.title }</a>
							</li>
						</c:forEach>
					</ul>
				</div>
			</div>
		</div>
		<!--专家园地End-->
		
		<!--心理测试Start-->
		<%-- <div class="psychotest bacblo">
			<h1 class="textcolor">心理测试</h1>
			<a class="grouppaper" href="groupPaper.jsp">个人组卷 <i class="layui-icon">&#xe65b;</i></a>
			<div class="layui-row">
				<div class="layui-col-md4 apsytextpaper">
			    	<img src="img/raw_1526192987.jpeg" width="340px" height="250px"/>
			    	<div>
			    		<c:forEach items="${listpaper }" var="obj" begin="0" end="0">
							<a href="psychTest.jsp?paperName=${obj.paperName }&paperDescribe=${obj.paperDescribe }&paperid=${obj.paperid }">${obj.paperName }</a>
						</c:forEach>
			    	</div>
			    </div>
			    <div class="layui-col-md4 apsytextpaper">
			    	<img src="img/raw_1526193319.jpeg" width="340px" height="250px"/>
			    	<div>
			    		<c:forEach items="${listpaper }" var="obj" begin="1" end="1">
							<a href="psychTest.jsp?paperName=${obj.paperName }&paperDescribe=${obj.paperDescribe }&paperid=${obj.paperid }">${obj.paperName }</a>
							
						</c:forEach>
			    	</div>
			    </div>
			    <div class="layui-col-md4 apsytextpaper">
			    	<img src="img/raw_1526193526.jpeg" width="340px" height="250px"/>
			    	<div>
			    		<c:forEach items="${listpaper }" var="obj" begin="2" end="2">
							<a href="psychTest.jsp?paperName=${obj.paperName }&paperDescribe=${obj.paperDescribe }&paperid=${obj.paperid }">${obj.paperName }</a>
						</c:forEach>
			    	</div>
			    </div>
			</div>
		</div> --%>
		<!--心理测试End-->
		
		<!--咨询服务Start-->
		<div class="consultserver bacblo">
			<h1 class="textcolor">咨询服务</h1>
			<div class="layui-row">
				<c:forEach items="${expectteacher }" var="obj" begin="0" end="3">
					<div class="layui-col-md3">
				    	<div class="conborder">
				    		<img src="/kmsximgs/photo/${obj.path }" height="200px" style="max-width:200px" class="wapimg"/>
				    		<h2>${obj.realname }</h2>
				    		<p>${obj.describe }</p>
				    		<!-- <a href="javascript:" class="layui-btn layui-btn-primary layui-btn-lg">联系我</a> -->
				    	</div>
				    </div>
			    </c:forEach>
			</div>
		</div>
		<!--咨询服务End-->
		
		<!--联系方式Start-->
		<div class="consultserver bacblo">
			<h1 class="textcolor">联系方式</h1>
			<div class="touch_company">
				<ul>
					<li>
						<h2>官方</h2>
						<h2>二维码</h2>
					</li>
					<li><img src="img/1554346071.png" height="100px" style="max-width:100px"/></li>
					<li>
						<h2>官方</h2>
						<h2>联系电话</h2>
					</li>
					<li>
						<h1>13888566712</h1>
					</li>
				</ul>
			</div>
		</div>
		<!--联系方式End-->
	</div>
	
	<div class="def-foot">
		<div class="text">
			<p>地址：云南省昆明市盘龙区青云街道办事处世博生态城低碳中心B栋301d号</p>
			<p>备案号：滇ICP备19003583号 </p>
		</div>
	</div>
	
	<script src="js/jquery-3.3.1.js"></script>
	<script src="layui/layui.js"></script>
	<script src="js/maindefault.js"></script>
	</body>
</html>